<template>
  <div class="hello">
    <h1>{{ msg.titl }}</h1>
		<router-link to="/">{{ msg.msg + "第一" }}&nbsp;</router-link>
		<router-link to="/tow">{{ msg.msg + "第二" }}&nbsp;</router-link>
		<router-link to="/three">{{ msg.msg + "第三" }}&nbsp;</router-link>
		<router-link to="/four">{{ msg.msg + "第四" }}&nbsp;</router-link>
		<router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'hello',
  data () {
    return {
      msg: {
        titl: '这是测试页面1',
        msg: '嵌套1'
      }
    }
  }
}
</script>

<style scoped>
/*hello页面的样式*/
h1 {
	font-weight: normal;
}
a {
	color: #42b983;
  text-decoration: none;
}
</style>
